﻿// 药店订单统计

// 解析URL
var parameter = window.location.href.split("?")[1];
var parameterList = parameter.split("&");
var username = decodeURIComponent(parameterList[0]);  //用户名
var hospital = decodeURIComponent(parameterList[1]);  //医院
var year = decodeURIComponent(parameterList[2]);  //医院
var total = 0;  //总订单数
var complete1 = 0;  //自取已完成数
var complete2 = 0;  //在线已完成数
var refund1 = 0;  //自取已退款数
var refund2 = 0;  //在线已退款数
var invalid1 = 0;  //自取已失效订单数
var invalid2 = 0;  //在线已失效订单数
console.log(parameterList);
$("#hospital").val(hospital);
$("#year").val(year);

//根据年份查询全部订单数量（计算全部订单）
$.ajax({
    type: "post",
    url: "/ysfwpt/selectOrderAmountByYear",
    data: {
        year: $("#year").val(),
        type: 0
    },
    success: function (data) {
        // console.log("success");
        // console.log(data);
        var sumList = data.list;
        for(var i = 0;i < sumList.length;i ++){
            total = total + sumList[i].count_result;
        }
        console.log("全部订单数：" + total)
    },
    error: function (data) {
        // console.log("error");
        // console.log(data);
    }
});

//根据年份查询自取订单数量（计算已完成、已取消、已退款订单）
$.ajax({
    type: "post",
    url: "/ysfwpt/selectOrderAmountByYear",
    data: {
        year: $("#year").val(),
        type: 1
    },
    success: function (data) {
        // console.log("success");
        // console.log(data);
        var sumList = data.list;
        for(var i = 0;i < sumList.length;i ++){
            // 自取已完成
            if(sumList[i].count_type == "4"){
                complete1 = complete1 + sumList[i].count_result;
            }
            // 自取已退款
            if(sumList[i].count_type == "7"){
                refund1 = refund1 + sumList[i].count_result;
            }
            // 自取已失效
            if(sumList[i].count_type == "8"){
                invalid1 = invalid1 + sumList[i].count_result;
            }
        }
        console.log("自取已完成订单数：" + complete1);
        console.log("自取已退款订单数：" + refund1);
        console.log("自取已取消订单数：" + invalid1);
    },
    error: function (data) {
        // console.log("error");
        // console.log(data);
    }
});

//根据年份查询在线订单数量（计算已完成、已取消、已退款订单）
$.ajax({
    type: "post",
    url: "/ysfwpt/selectOrderAmountByYear",
    data: {
        year: $("#year").val(),
        type: 2
    },
    success: function (data) {
        // console.log("success");
        // console.log(data);
        var sumList = data.list;
        for(var i = 0;i < sumList.length;i ++){
            // 在线已完成
            if(sumList[i].count_type == "5"){
                complete2 = complete2 + sumList[i].count_result;
            }
            // 在线已退款
            if(sumList[i].count_type == "8"){
                refund2 = refund2 + sumList[i].count_result;
            }
            // 在线已失效
            if(sumList[i].count_type == "9"){
                invalid2 = invalid2 + sumList[i].count_result;
            }
        }
        console.log("在线已完成订单数：" + complete2);
        console.log("在线已退款订单数：" + refund2);
        console.log("在线已取消订单数：" + invalid2);
    },
    error: function (data) {
        // console.log("error");
        // console.log(data);
    }
});

// 路径配置
require.config({
    paths: {
        echarts: 'http://echarts.baidu.com/build/dist'
    }
});

// 使用
require(
    [
        'echarts',
        'echarts/chart/pie', // 使用柱状图就加载bar模块，按需加载
        'echarts/chart/funnel'
    ],
    function (ec) {
        // 基于准备好的dom，初始化echarts图表
        var myChart = ec.init(document.getElementById('main'));
        var option = {
            title : {
                text: hospital + year + '年订单分布图',
                subtext: '测试平台',
                x:'center'
            },
            tooltip : {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            legend: {
                orient : 'vertical',
                x : 'left',
                // data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
                data:['下单数','已完成','已退款','已失效']
            },
            toolbox: {
                show : true,
                feature : {
                    mark : {show: true},
                    dataView : {show: true, readOnly: false},
                    magicType : {
                        show: true,
                        type: ['pie', 'funnel'],
                        option: {
                            funnel: {
                                x: '25%',
                                width: '50%',
                                funnelAlign: 'left',
                                max: 1548
                            }
                        }
                    },
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
            calculable : true,
            series : [
                {
                    name:'订单类型',
                    type:'pie',
                    radius : '55%',
                    center: ['50%', '60%'],
                    data:[
                        {value:total, name:'下单数'},
                        {value:complete1 + complete2, name:'已完成'},
                        {value:refund1 + refund2, name:'已退款'},
                        {value:invalid1 + invalid2, name:'已失效'},
                    ]
                }
            ]
        };
        // 为echarts对象加载数据
        myChart.setOption(option);
    }
);

// 设置下拉框宽度（输入框id1，下拉框id2）
var setWidth = function (id1,id2) {
    var width = $("#" + id1).css('width');
    $("#" + id2).css({
        "width": width
    });
};

// 填充下拉列表
var date = new Date;
var yearNow = date.getFullYear();
for(var i = 0;i < 20;i ++){
    var yearli = parseInt(yearNow) - parseInt(i);
    $('#year_list div ul').append('<li class="list">' + yearli + '</li>');
}

// 点击年份下拉框
$("#year").parent().click(function (e){
    // e.stopPropagation(); //阻止冒泡 
    // 显示时隐藏
    if($("#year_list").is(':visible')){
        $("#year_list").slideUp(300);
        $(this).find(".icon").css("transform","rotate(0deg)");
    }
    // 隐藏时显示
    else{
        // 隐藏所有列表
        $(".search_input_option").slideUp(300);
        $(".icon").css("transform","rotate(0deg)");
        // 显示当前列表
        setWidth("year","year_list div");
        $("#year_list").slideDown(300);
        $(this).find(".icon").css("transform","rotate(180deg)");
        // 获取点击的内容并显示在输入框内
        var obj_lis = $("#year_list ul li");
        for(var i = 0;i < obj_lis.length;i ++){
            obj_lis[i].onclick = function () {
                $("#year").val(this.innerHTML);
                $("#year_list").slideUp(300);
                $(this).find(".icon").css("transform","rotate(0deg)");
            }
        }
    }
});

// 搜索框点击任意选项后进行搜索
var object;
$(document).click(function(e) {
    object = $(e.target).attr("class");
    if(object == "list" || object == "state state_chose"){
        // 提交数据自动进行搜索
        refresh();
    }
});

var refresh = function () {
    var hospital = $("#hospital").val();
    var year = $("#year").val();
    //                            用户名            医院           年份
    window.location.href = "?" + username + "&" + hospital + "&" + year;
};